<template>
  <div class="index">
    <div class="wrap">
      <div class="header">
        您的发票申请分1张发票开具，开票总额
        <span class="c4">¥12323.99</span>
      </div>
      <ul class="list">
        <li class="first">发票1，发票号423423423，发票金额¥213123.32</li>
        <li v-for="i in 13">发票性质：纸质发票</li>
      </ul>
    </div>

    <div class="mt20">
      <Table border stripe :columns="columns2" :data="data1" class="mt20">
        <template slot-scope="{ row, index }" slot="action">
          <Icon type="ios-paper c1" size="20" @click="gotoDetail(row)"/>
        </template>
      </Table>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      position: [
        { title: "财务管理", link: "/admin/moneyManage" },
        { title: "发票管理", link: "/admin/moneyManage/invoice" },
        { title: "发票详情" }
      ],
      columns1: [
        { type: "selection", width: 60, align: "center" },
        { title: "订单编号", key: "id" },
        { title: "产品名称", key: "address" },
        { title: "类型", key: "address" },
        { title: "订单支付时间", key: "address" },
        { title: "订单实付金额（元）", key: "address" },
        { title: "可开票金额（元）", key: "address" },
        { title: "操作", slot: "action", width: 60, align: "center" }
      ],
      columns2: [
        // {type: 'selection', width: 60, align:'center'},
        { title: "订单/账单编号", key: "id" },
        { title: "发票产品名称抬头", key: "address" },
        { title: "订单支付时间", key: "address" },
        { title: "金额", key: "address" },
        { title: "发票申请时间", key: "address" }
      ],
      data1: [
        {
          id: "103232",
          address: "fsdfsdfdsf"
        },
        {
          id: "103232",
          address: "fsdfsdfdsf"
        },
        {
          id: "103232",
          address: "fsdfsdfdsf"
        }
      ]
    };
  },
  mounted() {
    this.$store.commit("UPDATE_POSITION", this.position);
  },
  methods: {}
};
</script>

<style lang="less" scoped>
.wrap {
  border: 1px solid #eee;
  .header {
    background: #f2f2f2;
    line-height: 50px;
    padding: 0 10px;
    padding-left: 40px;
  }
  .list {
    overflow: hidden;
    li {
      padding: 0 10px;
      float: left;
      width: 50%;
      line-height: 50px;
      padding-left: 40px;
      // height: 40px;
      border-right: 1px solid #f2f2f2;
      border-bottom: 1px solid #f2f2f2;
      &.first {
        width: 100%;
      }
    }
  }
}
</style>
